<template>
  <div>
   <!-- <h2 style="text-align:center">{{this.$route.query.name}}</h2> 可以-->
   <h2 style="text-align:center">{{this.$route.query.name}}</h2>
   <!-- <h3 style="text-align:center">{{this.$route.query.price}}</h3> 可以-->
   <h3 style="text-align:center">{{this.$route.query.price}}</h3>
   <img width="100%" src='https://h2a.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/614795/2021/0602/39/3c6e1fcb-ecd3-4f1e-980b-832a8c76048c_720x909_70.jpg!85.webp' />
  </div>
   
</template>

<script>
export default {
    name:'Detail',
    data:function(){
        return {name:'',price:11}
    },
    // mounted:function(){ 挂载时绑定，只生效一次
    //     console.log(this.$route.query.name)
    //     console.log(this.$route.query.price)
    //     this.name=this.$route.query.name;
    //     this.price=this.$route.query.price;
    // }

}

</script>

<style>

</style>